<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Jewel - Pieces Of UK (Blog)</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<link type="text/css" href="Styles/POUKindex.css" rel="stylesheet">
<link type="text/css" href="Styles/ui.all.css" rel="stylesheet">
<script src="http://www.google.com/jsapi" type="text/javascript"></script>

<script src="Javascript/POUKindex.js" type="text/javascript"></script>
<script src="Javascript/calendar.js" type="text/javascript"></script>

<script src="Javascript/jquery.translate-1.2.5.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/jquery-ui.min.js" type="text/javascript"></script>
<!--
<script src="Javascript/jquery-ui-personalized-1.6rc6.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js" type="text/javascript"></script>
-->
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="Jewel - Pieces Of UK." name="description">
<meta content="Jewel, Pieces, UK, music, singer, songwriter, Kilcher,
Jewel Kilcher, Alaska, Spirit, Joy, Ride, Devil, movie, film, Lee, magazine,
news, tour, live, Foolish, Games, Pieces Of You, This Way, Hands, Standing Still,lyrics,
Intuition, 0304, sing, song, Wilkinson, Sword, razor, Bellefire, You, Were, Meant, For ,Me,
Googbye Alice In Wonderland, Again, Goodbye, Alice, In, Wonderland, Again and Again" name="keywords">
</head>

<body>
<script type="text/javascript" charset="utf-8">
<!--
$("body").hide();
-->
</script>

<noscript>You need to enable Javascript to view this site at its best</noscript>
<div id="controlBar">
  <div id="menuContainer">
    <div class="menuText">
      <img class="tabsImg" src="Images/piecesofuk.png" width="16" height="16" alt="icon">
      <span id="homeItem">Pieces Of UK</span>
      <span class="triangleIcon ui-icon ui-icon-triangle-1-s"></span>
    </div>
    <ul class="aMenu" id="menu">
      <li class="menuItem"><img class="tabsImg" src="Graphics/twitter.gif" width="16" height="16" alt="icon"><a id="twitterLink" href="twitter.html">Twitter</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/blogger.gif" width="16" height="16" alt="icon"><a id="POUKBlogLink" href="POUKBlog.html">Pieces Of UK Blog</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/jewelIco.gif" width="16" height="16" alt="icon"><a id="jewelsBlogLink" href="jewelsBlog.html">Jewel's Blog</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/calendar.gif" width="15" height="14" alt="icon"><a id="calendarLink" href="calendar.html">Calendar</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/latest.png" width="16" height="16" alt="icon"><a id="latestLink" href="latest.html">Latest</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/about.png" width="16" height="16" alt="icon"><a id="aboutLink" href="about.html">About</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/songs.png" width="16" height="16" alt="icon"><a id="songsLink" href="songs.html">Songs</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/visualizations.png" width="16" height="16" alt="icon"><a id="visualizationsLink" href="visualizations.html">Visualizations</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/singles.png" width="16" height="16" alt="icon"><a id="singlesLink" href="singles.html">Singles</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/youtube.gif" width="16" height="16" alt="icon"><a id="jewelTubeLink" href="jewelTube.html">JewelTube</a></li>
      <li class="menuItem"><img class="tabsImg" src="Graphics/home.png" width="16" height="16" alt="icon"><a id="homeLink" href="index.html">Home</a></li>
    </ul>
  </div>
  <div id="windowControl">
    <div id="showWindowsButton">
      <span class="menuText">Windows</span>
      <span style="margin-top: 2px;" class="triangleIcon ui-icon ui-icon-triangle-1-s"></span>
    </div>
    <ul class="aMenu" id="openWindows">
    </ul>
  </div>
  <div id="controls">
  </div> <!-- end #controls -->
</div> <!-- end #controlBar -->

<!--
<div id="infoViewContainer">
  <div id="infoView">
      <p>Please Wait: Loading Pieces Of UK</p>
  </div>
</div>
-->

<div class="aDialog" id="about"></div>

<div class="aDialog" id="latest"></div>

<div class="aDialog" id="twitter">
  <span id="twitterMsg">If the Twitter Feed fails to load then please visit <a href="http://twitter.com/piecesofuk">http://twitter.com/piecesofuk</a>
  </span>
</div>

 <div class="aDialog" id="blogger">
  <div id="news">If the Pieces of UK Blog fails to load then please visit <a href='http://piecesofuk.blogspot.com'>http://piecesofuk.blogspot.com</a></div>
  <div id="newsArchives">
        News archives: <a href='http://piecesofuk.blogspot.com/search/label/Jewel'>Latest</a>,
        <a href='http://easyweb.easynet.co.uk/~cmgroves/Jewel/News/News.html'>2007 and earlier</a>
  </div>
 </div>

 <div class="aDialog" id="jewelsBlog">
  Please wait. Loading... <a href="http://www.jeweljk.com/?content=news">Jewel's Official Site Blog</a>
 </div>

<!-- calendar display markup has to be in here because 'latest' can be called which needs the calendar data -->
<div class="aView" id="calView">
  <div id="cblView"></div>
  <table cellpadding="0" cellspacing="0" id="cbmView" name="cbmView">
<!--  <tr><td colspan="7" id="cbmMonthHead"></td></tr> -->
  <tr id="cbmDaysHead">
   <td class="cbmDayHead">Sunday</td>
   <td class="cbmDayHead">Monday</td>
   <td class="cbmDayHead">Tuesday</td>
   <td class="cbmDayHead">Wednesday</td>
   <td class="cbmDayHead">Thursday</td>
   <td class="cbmDayHead">Friday</td>
   <td class="cbmDayHead">Saturday</td>
  </tr>
  <tr class="cbmWeek" id="week1">
   <td valign="top" class="cbmDay" id="week1day0"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week1day1"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week1day2"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week1day3"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week1day4"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week1day5"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week1day6"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   </tr>
  <tr class="cbmWeek" id="week2">
   <td valign="top" class="cbmDay" id="week2day0"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week2day1"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week2day2"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week2day3"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week2day4"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week2day5"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week2day6"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   </tr>
  <tr class="cbmWeek" id="week3">
   <td valign="top" class="cbmDay" id="week3day0"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week3day1"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week3day2"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week3day3"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week3day4"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week3day5"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week3day6"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   </tr>
  <tr class="cbmWeek" id="week4">
   <td valign="top" class="cbmDay" id="week4day0"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week4day1"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week4day2"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week4day3"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week4day4"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week4day5"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week4day6"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   </tr>
  <tr class="cbmWeek" id="week5">
   <td valign="top" class="cbmDay" id="week5day0"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week5day1"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week5day2"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week5day3"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week5day4"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week5day5"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week5day6"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   </tr>
  <tr class="cbmWeek" id="week6">
   <td valign="top" class="cbmDay" id="week6day0"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week6day1"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week6day2"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week6day3"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week6day4"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week6day5"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   <td valign="top" class="cbmDay" id="week6day6"><div class="cbmDateDiv"></div><div class="cbmContentDiv"></div></td>
   </tr>
 </table>
 <!--
 <a id="prevLink" href="#">Prev</a>   <a id="nextLink" href="#">Next</a>
-->
</div> <!-- id=calView -->

<div id="aboutView">
  <div class="about 4000"><span class="translatable">Welcome to the brand new experimental beta version of my
  website </span><span class="notTranslatable">Jewel - Pieces of UK</span>
  </div>
  <div class="about 6000 translatable">
    Whats new?
    <ul>
      <li>New calendar with monthly and list views</li>
      <li>Visualizations including setlist stats</li>
      <li>A brand new Twitter feed</li>
      <li>Song database with visual tag interface</li>
      <li>a new chromeless youTube player with bi-lingual lyrics and verse/chorus jump points.</li>
    </ul>
  </div>
  <div class="about 6000">
    <span class="translatable">The site should work in the latest non-Beta versions of most modern browsers including</span>
    <span class="notTranslatable">Firefox, Opera and Chrome.</span>
    <span class="translatable">Hopefully it should also work in </span>
    <span class="notTranslatable">Internet Explorer 6 and 7</span>
  </div>
  <div class="about 4000">
    <span class="translatable">Credits: site designed and coded by Chris Groves; </span>
    <span class="notTranslatable">Javascripts libraries:
      <a href="http://jquery.com/" target="_blank">JQuery</a>,
      <a href="http://ui.jquery.com/" target="_blank">JQuery UI</a>,
      <a href="http://plugins.jquery.com/project/TinySort" target="_blank">JQuery TinySort</a>,
      <a href="http://code.google.com/p/jquery-translate/" target="_blank">jquery-translate</a>,
      <a href="http://schillmania.com/projects/soundmanager2/" target="_blank">SoundManager 2</a>,
      APIs:
      <a href="http://code.google.com/apis/visualization/" target="_blank">Google Visualization API</a>,
      <a href="http://code.google.com/apis/youtube/overview.html" target="_blank">YouTube APIs and Tools</a>.
    </span>
  </div>
</div> <!-- end #aboutView -->

<script type="text/javascript" charset="utf-8">
<!--
$(document).ready( function() {
 PIECESOFUK.initPOUKBlog();
});


-->
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7863523-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
